<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>测试</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/common/JxcpcsPage/vendor/bootstrap/css/bootstrap.min.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/common/JxcpcsPage/css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="/common/JxcpcsPage/jquery-labelauty.css">
    <style>
        input {
            font: 12px "Microsoft Yahei";
        }
    </style>

</head>
<body>
<div class="page">
    <div class="container-fluid" style="padding-top: 10px;">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <div style="width:370px;height: 50px; background:url('/common/img/LOGO.jpg');background-repeat: no-repeat;background-size: 100% 100%;margin-left: 20px;"></div>
                    </div>
                    <div class="card-body">
                        <div class="card-header d-flex align-items-center">
                            <h3 class="h4">
                                Part 1: 学习行为倾向测评
                            </h3>
                            <button id="nextBtn" type="button" class="btn btn-danger waves-effect waves-light" style="margin-left: 1%;">点我开始进行测评</button>
                        </div>
                        <div class="card-body">
                            <li>
                                经过多年的生活实践，每个人的学习行为倾向体现出差异，意味着不同的学习者之间英语学习的优劣与劣势不同，最佳学习策略因此需要量体裁衣。了解自己的学习行为倾向，将极大优化您未来的英语学习效能。
                            </li>
                        </div>



                        <div class="card-header d-flex align-items-center">
                            <h3 class="h4">
                                Part 2:英语能力测试
                            </h3>
                        </div>
                        <div class="card-body">
                            <li>上机测试（根据您的答题情况智能调整难度时长）</li>
                            <li>真人测试（可选）</li>
                        </div>


                        <div class="card-header d-flex align-items-center">
                            <h3 class="h4">
                                Part 3:生成您的专属测试报告
                            </h3>
                        </div>
                        <div class="card-body">
                            <li>测试报告</li>
                            <li>解析报告</li>
                        </div>


                        <div class="card-header d-flex align-items-center">
                            <h3 class="h4">
                                Part 4:个性化学习方案与策略指导
                            </h3>
                        </div>
                        <div class="card-body">
                            <li>个性化学习路径生成</li>
                            <li>详细规划学习</li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<form id="f1" action="/com/imelite/qyh/JxcpcsAction/getTest.do">
    <input type="hidden" name="iddep" value="${iddep}">
    <input type="hidden" name="yyxxid" value="${yyxxid}">
</form>
<!-- JavaScript files-->
<script src="/common/JxcpcsPage/vendor/jquery/jquery.min.js"></script>
<script src="/common/JxcpcsPage/vendor/popper.js/umd/popper.min.js"> </script>
<script src="/common/JxcpcsPage/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Main File-->
<script src="/common/JxcpcsPage/jquery-labelauty.js"></script>
<script>
    $('#nextBtn').click(function(){
        $('#f1').submit();
    });
</script>
</body>
</html>
